<template>
    <div class="null-data-area">
        <div class="repair0Image"></div>
        <div
            :style="{color:nullTextMsgColor}"
            class="repair0Text">{{nullDataMsg}}</div>
    </div>
</template>

<script>

export default {
    props: ['nullDataMsg', 'nullTextMsgColor'],
    setup (props) {
    },
    data () {
        return {

        };
    }
};

</script>

<style lang="scss">

.null-data-area{
    flex-direction: column;
    margin-left: 50%;
    transform: translateX(-50%);
    width: 120px;
    margin-top: 60px;
    font-size: 17px;
    .repair0Image{
        height: 120px;
        width: 120px;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../../assets/No-imformation.svg);
    }
    .repair0Text{
        text-align: center;
        //font-size: 12px;
        font-weight: Normal;
        color: #ffffff;
        line-height: 25px;
    }
}
</style>
